@charset "utf-8";
@import "common/common";
.navbar .dropdown .btn-secondary{
        color: #9d9d9d;
        &:hover{
            color: white;
        }
    }
.newsTop {
    .newsTopTitle {
        p {
            font-size: 30px;
            color: #ff6b08;
            margin-top: 42px;
        }
    }
    .newsTopComments {
        margin-bottom: 40px;
        .newsTopComments1 {
            .position{
            position: relative;
            img {
                width: 100%;
                border: 1px solid #EEEEEE;
                border-radius: 5px;
                &:hover{
                    opacity: 0.8;
                }
            }
            .mask {
                background: rgba(0, 0, 0, 0.7);
                width: 100%;
                height: 41px;
                position: absolute;
                bottom: 0;
                left: 15;
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px;
                p {
                    color: #fff;
                    font-size: 14px;
                    text-align: center;
                    line-height: 41px;
                }
            }
            
     }
        }
    }
}

.report {
    margin-bottom: 40px;
    a{
        img:hover{
            opacity: 0.8;
        }
    }
    .introduce {
        h3 {
            font-size: 18px;
            color: #2a2a2a;
            &:hover {
                color: #ff6900;
            }
        }
        p {
            font-size: 14px;
            color: #2a2a2a;
        }
        .button {
            width: 97px;
            height: 32px;
            border: 1px solid #ff6900;
            border-radius: 11px;
            line-height: 27px;
            text-align: center;
            a {
                font-size: 14px;
                text-decoration: none;
                color: #ff6900;
            }
            &:hover {
                background: #ff6900;
            }
            &:hover>a {
                color: #fff;
            }
        }
    }
}
//导航
.nav-box{
    display: flex;
    justify-content: center;
    padding-top: 32px;
    margin-bottom: 21px;
    .page{
        width: 310px;
        height: 40px;
        border-left: 1px  solid #dddddd;
        border-right: 1px  solid #dddddd;
        border-bottom: 2px  solid #dddddd;
        border-top: 2px  solid #dddddd;
        border-radius: 7px;
        line-height: 36px;
        a{
            text-decoration: none;
            color: gray;
        }
        .first{
            padding: 0;
            text-align: center;
            border-left: 1px solid #dddddd;
            border-right: 1px solid #dddddd;
            &:hover{
                background: #e34637;
                color: deepskyblue;
            }
        }
        .double{
            padding: 0;
            text-align: center;
            border-left: 1px solid #dddddd;
            border-right: 1px solid #dddddd;
            &:hover{
                background: #e34637;
                color: deepskyblue;
            }
        }
        .third{
            padding: 0;
            text-align: center;
            border-left: 1px solid #dddddd;
            border-right: 1px solid #dddddd;
            &:hover{
                background: #e34637;
                color: deepskyblue;
            }
        }
    }
}

@media only screen and(max-width:320px){
    
}

@media only screen and(max-width:414px){
    
}




@media (max-width:320px) {
    .newsTopComments1 {
        margin-top: 15px;
    }
}
@media (min-width:375px) {
    .newsTopComments1 {
        margin-top: 15px;
    }
}